<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<link rel="stylesheet" href="bootstrap-3.4.1-dist/css/bootstrap.css">
		<title></title>
	</head>
	<body>
		<button class="btn">（默认样式）Default</button>
		<button class="btn btn-primary">（首选项）Primary</button>
		<button  class="btn btn-success">（成功）Success</button>
		<a class="btn btn-info" href="http://www.baidu.com">跳转到百度</a>
		<table class="table table-striped table-bordered table-hover table-condensed">
			<tr>
				<td>ID</td>
				<td>名字</td>
				<td>年龄</td>
				<td>性别</td>
			</tr>
			<tr>
				<td>1</td>
				<td>张三1</td>
				<td>23</td>
				<td>男</td>
			</tr>
			<tr>
				<td>2</td>
				<td>张三2</td>
				<td>23</td>
				<td>男</td>
			</tr>
			<tr>
				<td>3</td>
				<td>张三3</td>
				<td>23</td>
				<td>男</td>
			</tr>
		</table>
		<nav aria-label="Page navigation">
		  <ul class="pagination">
		    <li>
		      <a href="#" aria-label="Previous">
		        <span aria-hidden="true">&laquo;</span>
		      </a>
		    </li>
		    <li><a href="#">1</a></li>
		    <li><a href="#">2</a></li>
		    <li><a href="#">3</a></li>
		    <li><a href="#">4</a></li>
		    <li><a href="#">5</a></li>
		    <li>
		      <a href="#" aria-label="Next">
		        <span aria-hidden="true">&raquo;</span>
		      </a>
		    </li>
		  </ul>
		</nav>
		
		<div class="list-group">
		  <a href="#" class="list-group-item ">
		    Cras justo odio
		  </a>
		  <a href="#" class="list-group-item active">Dapibus ac facilisis in</a>
		  <a href="#" class="list-group-item">Morbi leo risus</a>
		  <a href="#" class="list-group-item">Porta ac consectetur ac</a>
		  <a href="#" class="list-group-item">Vestibulum at eros</a>
		</div>
	</body>
</html>